/* w3c-blue.css

   Copyright (c) 2005 W3C (MIT, ERCIM, Keio), All Rights Reserved.
   W3C liability, trademark, document use and software licensing
   rules apply, see:

   http://www.w3.org/Consortium/Legal/copyright-documents
   http://www.w3.org/Consortium/Legal/copyright-software
*/
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  color: black;
  background: #FFF; /* url(images/logo2.png) right top no-repeat;*/
  font-family: "Gill Sans MT", "Gill Sans", GillSans, sans-serif;
  font-size: 14pt;
}
div.toolbar {
  position: fixed;
  z-index: 200;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1.5em;
  text-align: right;
  padding-left: 1em;
  padding-right: 1em; 
  font-size: 60%;
  color: #FFF;
  background: #F60;
}
div.toolbar a {
	color: #FFF;
	float: left;
	width: 80px;
	text-align: center;
}
div.handout {
  margin-left: 20px;
  margin-right: 20px;
}

div.slide.titlepage {
  text-align: center;
}

div.slide.titlepage.h1 {
  padding-top: 40%;
}

div.slide {
  z-index: 20;
  margin: 0;
  padding: 0;
  border-width: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 110%;
  background-color: transparent;
}

div.background {
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: auto;
  height: 4em;
  padding: 0 131px 0 .2em;
  margin: 0;
  border-width: 0;
  background: #F60 url(images/logo.png) right top no-repeat;
}
/* this rule is hidden from IE which doesn't support + selector */
div.slide + div[class].slide { page-break-before: always;}

div.slide h1 {
  padding: 0;
  margin: 0 131px 50px 20px;
  color: white;
  padding-top: 1em;
  font-size: .8em;
  position: relative;
}
div.slide h1 {
	padding-top: 0;
	padding-bottom: 2px;
	margin-bottom: 1em;
	margin-left: 0;
	margin-top: 1.7em;
	
}
div.slide.cover h1 {
	background-image: none;
	
}
div.slide h1 span {
	padding: 0;
	color: #F60;
	background: transparent url(images/top.gif) right top no-repeat;
}
div.slide h1 span span {
	padding: 0 25px 0 0;
/*	background: transparent url(images/bottom.gif) right bottom no-repeat;*/
}
div.slide h1 span span span {
	background-image: none;
	padding: 0 0 0 15px;
	background-color: #FFF;
	text-decoration: underline;
}
div.slide h1 a {
  color: white;
  text-decoration: none;
}

div.slide h1 a:link {
  color: white;
  text-decoration: none;
}

div.slide h1 a:visited {
  color: white;
  text-decoration: none;
}

div.slide h1 a:hover {
  color: white;
  text-decoration: underline;
}

div.slide h1 a:active {
  color: #FFF;
  text-decoration: underline;
}
div.slide {
	font-size: 1.9em
}
div.slide.cover {
	font-size: 1em
}
div.slide p {
	font-size: .8em;
	margin: 0 1em 0;
}
#head-logo {
  margin: 0;
  margin-top: 0.25em;
  padding-top: 0.25em;
  padding-bottom: 0.2em;
  padding-left: 0;
  padding-right: 0;
  height: 3em;
  width: 6.2em;
  float: right;
  z-index: 2;
  background: #F60;
}

#head-logo-fallback {
  margin: 0;
  padding: 0;
  margin-top: -0.5em;
  height: 4em;
  float: right;
  z-index: 2;
}

div.background.slanty {
  z-index: 2;
  bottom: 0; 
  height: 100%;
  background: transparent;
}

div.background.slanty img { margin-top: 4em; width: 100%; height: 80% }

/* the following makes the pre background translucent */
/* opacity is a CSS3 property but supported by Mozilla family */
/* filter is an IE specific feature that also requires width */
div.slide.slanty pre {
  width: 93%;  /* needed for IE filter to work */
  opacity: .8;
  filter: alpha(opacity=80);
}

img.withBorder {
  border: 2px solid #c60;
  padding: 4px;
}
pre {
 font-size: 80%;
 font-weight: bold;
 line-height: 120%;
 padding: .2em 1em;
 border-style: solid;
 border-width: thin thin thin 1em;
 border-color: #95ABD0;
 color: #00428C;
 background-color: #E4E5E7;
}
li pre { margin-left: 0; }

@media print { pre { font-size: 60% } }

blockquote { font-style: italic }

img { background-color: transparent }

p.copyright { font-size: smaller;}

.center { text-align: center }
.footnote { font-size: smaller; margin-left: 2em; }

a img { border-width: 0; border-style: none }

a:visited { color: #F60 }
a:link { color: #F60 }
a:hover { color: navy; text-decoration: underline }
a:active { color: #F60; text-decoration: underline }

a {text-decoration: none}
.navbar a:link {color: white}
.navbar a:visited {color: yellow}
.navbar a:active {color: red}
.navbar a:hover {color: red}


div dt {
  margin-left: 0;
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-weight: bold;
}
div dd {
  margin-left: 2em;
  margin-bottom: 0.5em;
}


p,pre,ul,ol,blockquote,h2,h3,h4,h5,h6,dl,table {
  margin-left: 1em;
  margin-right: 1em;
}

p.subhead { font-weight: bold; margin-top: 2em; }

div.cover p.explanation {
  font-style: italic;
  margin-top: 3em;
}


.smaller { font-size: smaller }

td,th { padding: 0.2em }
ol {
  margin: .5em 1.5em;
  padding: 0;
}
ul {
  margin: .2em 1.5em;
  padding: 0;
	font-size: .8em
}
ul ul {
  margin: 0 0 0 2em;
  font-size: .9em;	
}
li ul li { 
  font-size: 85%; 
  font-style: italic;
  list-style-type: disc;
  background: transparent;
  padding: 0;
}
li li ul li { 
  font-size: 85%; 
  font-style: normal;
  list-style-type: circle;
  background: transparent;
  padding: 0;
}
li li li ul li {
  list-style-type: disc;
  background: transparent;
  padding: 0;
}
li li li{
	font-size: .3em;
	font-style: italic;
	font-size: 85%; 
	font-style: normal;
	list-style-type: circle;
	background: transparent;
	padding: 0;
}
li li li li {
	list-style-type: disc;
}

ul li { 
  list-style: none;
  margin: .1em 0 .6em;
  padding: 0 0 0 40px;
  background: transparent url(images/bullet.png) 0 .5em no-repeat;
}
ul li li {
	list-style: circle;
	margin: 0;
}
/* workaround IE's failure to support background on li for print media */
@media print {
	ul li {
		list-style: disc;
		padding-left: 0;
		background: none;
	}
}
@media print {
  div.slide {
     display: block;
     visibility: visible;
     position: relative;
     border-top-style: solid;
     border-top-width: thin;
     border-top-color: black;
  }
  div.slide pre { font-size: 60%; padding-left: 0.5em; }
  div.handout { display: block; visibility: visible; }
}


ol li { 
  margin: 0.1em 0em 0.6em 1.5em;
  padding: 0;
  line-height: 140%;
}


/* rectangular blue bullet + unfold/nofold/fold widget */

/*
 setting class="outline on ol or ul makes it behave as an
 ouline list where blocklevel content in li elements is
 hidden by default and can be expanded or collapsed with
 mouse click. Set class="expand" on li to override default
*/

ol.outline li:hover { cursor: pointer }
ol.outline li.nofold:hover { cursor: default }

ul.outline li:hover { cursor: pointer }
ul.outline li.nofold:hover { cursor: default }

ol.outline { list-style:decimal; }
ol.outline ol { list-style-type:lower-alpha }

ol.outline li.nofold {
  padding: 0 0 0 20px;
  background: transparent url(images/nofold-dim.gif) no-repeat 0px 0.5em;
}
ol.outline li.unfolded {
  padding: 0 0 0 20px;
  background: transparent url(images/fold-dim.gif) no-repeat 0px 0.5em;
}
ol.outline li.folded {
  padding: 0 0 0 20px;
  background: transparent url(images/unfold-dim.gif) no-repeat 0px 0.5em;
}
ol.outline li.unfolded:hover {
  padding: 0 0 0 20px;
  background: transparent url(images/fold.gif) no-repeat 0px 0.5em;
}
ol.outline li.folded:hover {
  padding: 0 0 0 20px;
  background: transparent url(images/unfold.gif) no-repeat 0px 0.5em;
}

ul.outline li.nofold {
  padding: 0 0 0 52px;
  background: transparent url(images/bullet-nofold-dim.gif) no-repeat 5px 8px;
}
ul.outline li.unfolded {
  padding: 0 0 0 52px;
  background: transparent url(images/bullet-fold-dim.gif) no-repeat 5px 8px;
}
ul.outline li.folded {
  padding: 0 0 0 52px;
  background: transparent url(images/bullet-unfold-dim.gif) no-repeat 5px 8px;
}
ul.outline li.unfolded:hover {
  padding: 0 0 0 52px;
  background: transparent url(images/bullet-fold.gif) no-repeat 5px 8px;
}
ul.outline li.folded:hover {
  padding: 0 0 0 52px;
  background: transparent url(images/bullet-unfold.gif) no-repeat 5px 8px;
}

li ul.outline li.nofold {
  padding: 0 0 0 21px;
  background: transparent url(images/nofold-dim.gif) no-repeat 5px 8px;
}
li ul.outline li.unfolded {
  padding: 0 0 0 21px;
  background: transparent url(images/fold-dim.gif) no-repeat 5px 8px;
}
li ul.outline li.folded {
  padding: 0 0 0 21px;
  background: transparent url(images/unfold-dim.gif) no-repeat 5px 8px;
}
li ul.outline li.unfolded:hover {
  padding: 0 0 0 21px;
  background: transparent url(images/fold.gif) no-repeat 5px 8px;
}
li ul.outline li.folded:hover {
  padding: 0 0 0 21px;
  background: transparent url(images/unfold.gif) no-repeat 5px 8px;
}

img.withBorder {
  border: 2px solid #c60;
  padding: 4px;
}

div.header {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: auto;
  height: 2.95em;
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border-width: 0;
  border-style: solid;
  background-color: #005A9C;
  border-bottom-width: thick;
  border-bottom-color: #95ABD0;
}

div.footer {
  position: absolute;
  z-index: 80;
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
  height: 3.5em;
  margin: 0;
  font-size: 80%;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 0;
  padding-top: 0.3em;
  padding-bottom: 0;
  color: #003366;
  background-color: #F60;
}

/* this is a hack to hide property from IE6 and below */
div[class="footer"] {
  position: fixed;
}

#hidden-bullet {
  visibility: hidden;
  display: none;
}

div.slide.cover {
  color: white;
  background: #F60 url(images/logo.png) 95% 10% no-repeat;
  padding: 0 0 0 3em;
  height: 100%;
}
div.slide.cover div {
  position: absolute;
  margin: 0;
  bottom: 15%;
}
div.slide.fin h2 {
	font-size: 1em;
	text-decoration: underline;
	margin: 50% 50px 0;
	text-align: right;
}
div.slide.fin h3 {
	font-size: .5em;
	font-weight: normal;
	text-align: right;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-right: 50px;
}
div.slide.fin h2 a,
div.slide.fin h3 a {
	color: #000;
}
div.slide.fin h2 a:hover,
div.slide.fin h3 a:hover {
	color: #F00;
}
div.slide.cover.fin * {
	color: #000;
}
div.slide.cover h1 {
  margin: 50% 0 0;
  padding: .5em .5em 0 .2em;
  text-decoration: underline;
  background-color: transparent;
  height: auto;
  z-index: 20;
  line-height: normal;
  height: auto;
  font-size: 1.5em;
}
div.slide.cover h2 {
  color: white;
  font-size: 1em;
  margin-bottom: 0;
}
div.slide.cover ul {
	padding: 0;
	margin-bottom: 0;
}
div.slide.cover ul li {
	background-image: none;
	margin: 0;
	padding: 0;
}
div.slide.cover a {
  color: white;
}
div.slide.cover a:hover,
div.slide.cover a:active {
  color: yellow;
  text-decoration: underline;
}

/* for Bert as an ardent user of the old W3C slidemaker tool */

div.comment { display: none; visibility: hidden }

.note {display: none}
#secuencial {
	text-align: center;
}
#secuencial li {
	display: inline;
	list-style: none;
	background-image: none;
	padding: 0
}
ul.incremental.secuencial {
	text-align: center;
	display: block;
}
iframe,
#TB_window,
#TB_overlay {
	visibility: visible;
}
.hidden,
.oculto,
.oculto a {
	color: #eee;
	background-position: -200px .5em;
}
.oculto li {
}
.oculto img {
	visibility: hidden;
}
.show {
	color: #000;
}
.show>a {
	color: #F60;
}
.show>a:hover {
    color: navy;
}

.show li {
	background-position: 0 .5em;
}
div a#TB_closeWindowButton {
	color: #FFF;
	font-weight: bold;
}
@media print { div.comment { display: block; visibility: visible } }
